<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="style/global-theme.css"/>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/nav.js"></script>
<script type="text/javascript">
    //下拉菜单
    $(document).ready(function(){
        $('#nav .nav-item').dropdown({
            dropdownEl:'.nav-dropdown',
            openedClass:'hover'
        });
    });
</script>
</head>

<body>
<div class="header-top">
    <div id="header">
        <a class="logo" href=""><img height="36" src="images/logo.png" /></a>
        <!--导航-->
        <ul id="nav">
            <li class="nav-item"><a href="http://www.jqdemo.com/" class="nav-link">首页</a></li>
            <li class="nav-item">
                <a href="http://www.jqdemo.com/" class="nav-link">新闻</a>
                <div class="nav-dropdown">
                    <div class="nav-dropdown-trending">
                        <ul class="trending">
                            <li><a href="http://www.jqdemo.com/">中方不接受日本所谓“抗议” 称琉球是学术问题</a></li>
                            <li><a href="http://www.jqdemo.com/">河南在2010年“赵作海案”后翻错案释放116人</a></li>
                            <li><a href="http://www.jqdemo.com/">全国留守流动儿童将近1亿 仍在逐年扩大</a></li>
                            <li><a href="http://www.jqdemo.com/">学者：环保问题难解决因地方政将经济放环保之前</a></li>
                            <li><a href="http://www.jqdemo.com/">高三男生恋爱16次均告吹 母亲严令找北京女生</a></li>
                        </ul>
                        <p class="nav-dropdown-entry"><a href="http://www.jqdemo.com/">进入新闻频道&gt;&gt;</a></p>
                    </div>
                    <div class="nav-dropdown-channel">
                        <ul class="channel">
                            <li><a href="http://www.jqdemo.com/">国内</a></li>
                            <li><a href="http://www.jqdemo.com/">国际</a></li>
                            <li><a href="http://www.jqdemo.com/">社会</a></li>
                            <li><a href="http://www.jqdemo.com/">军事</a></li>
                            <li><a href="http://www.jqdemo.com/">历史</a></li>
                            <li><a href="http://www.jqdemo.com/">评论</a></li>
                        </ul>
                    </div>
                </div>
            </li>
            <li class="nav-item"><a href="http://www.jqdemo.com/" class="nav-link">军事</a>
                <div class="nav-dropdown">
                    <div class="nav-dropdown-trending">
                        <ul class="trending">
                            <li><a href="http://www.jqdemo.com/">中方不接受日本所谓“抗议” 称琉球是学术问题</a></li>
                            <li><a href="http://www.jqdemo.com/">河南在2010年“赵作海案”后翻错案释放116人</a></li>
                            <li><a href="http://www.jqdemo.com/">全国留守流动儿童将近1亿 仍在逐年扩大</a></li>
                            <li><a href="http://www.jqdemo.com/">学者：环保问题难解决因地方政将经济放环保之前</a></li>
                            <li><a href="http://www.jqdemo.com/">高三男生恋爱16次均告吹 母亲严令找北京女生</a></li>
                        </ul>
                        <p class="nav-dropdown-entry"><a href="http://www.jqdemo.com/">进入新闻频道&gt;&gt;</a></p>
                    </div>
                    <div class="nav-dropdown-channel">
                        <ul class="channel">
                            <li><a href="http://www.jqdemo.com/">国内</a></li>
                            <li><a href="http://www.jqdemo.com/">国际</a></li>
                            <li><a href="http://www.jqdemo.com/">社会</a></li>
                            <li><a href="http://www.jqdemo.com/">军事</a></li>
                            <li><a href="http://www.jqdemo.com/">历史</a></li>
                            <li><a href="http://www.jqdemo.com/">评论</a></li>
                        </ul>
                    </div>
                </div>
            </li>
            <li class="nav-item"><a href="http://www.jqdemo.com/" class="nav-link">财经</a>
                <div class="nav-dropdown">
                    <div class="nav-dropdown-trending">
                        <ul class="trending">
                            <li><a href="http://www.jqdemo.com/">中方不接受日本所谓“抗议” 称琉球是学术问题</a></li>
                            <li><a href="http://www.jqdemo.com/">河南在2010年“赵作海案”后翻错案释放116人</a></li>
                            <li><a href="http://www.jqdemo.com/">全国留守流动儿童将近1亿 仍在逐年扩大</a></li>
                            <li><a href="http://www.jqdemo.com/">学者：环保问题难解决因地方政将经济放环保之前</a></li>
                            <li><a href="http://www.jqdemo.com/">高三男生恋爱16次均告吹 母亲严令找北京女生</a></li>
                        </ul>
                        <p class="nav-dropdown-entry"><a href="http://www.jqdemo.com/">进入新闻频道&gt;&gt;</a></p>
                    </div>
                    <div class="nav-dropdown-channel">
                        <ul class="channel">
                            <li><a href="http://www.jqdemo.com/">国内</a></li>
                            <li><a href="http://www.jqdemo.com/">国际</a></li>
                            <li><a href="http://www.jqdemo.com/">社会</a></li>
                            <li><a href="http://www.jqdemo.com/">军事</a></li>
                            <li><a href="http://www.jqdemo.com/">历史</a></li>
                            <li><a href="http://www.jqdemo.com/">评论</a></li>
                        </ul>
                    </div>
                </div>
            </li>
            <li class="nav-item"><a href="http://www.jqdemo.com/" class="nav-link">娱乐</a>
                <div class="nav-dropdown">
                    <div class="nav-dropdown-trending">
                        <ul class="trending">
                            <li><a href="http://www.jqdemo.com/">中方不接受日本所谓“抗议” 称琉球是学术问题</a></li>
                            <li><a href="http://www.jqdemo.com/">河南在2010年“赵作海案”后翻错案释放116人</a></li>
                            <li><a href="http://www.jqdemo.com/">全国留守流动儿童将近1亿 仍在逐年扩大</a></li>
                            <li><a href="http://www.jqdemo.com/">学者：环保问题难解决因地方政将经济放环保之前</a></li>
                            <li><a href="http://www.jqdemo.com/">高三男生恋爱16次均告吹 母亲严令找北京女生</a></li>
                        </ul>
                        <p class="nav-dropdown-entry"><a href="http://www.jqdemo.com/">进入新闻频道&gt;&gt;</a></p>
                    </div>
                    <div class="nav-dropdown-channel">
                        <ul class="channel">
                            <li><a href="http://www.jqdemo.com/">国内</a></li>
                            <li><a href="http://www.jqdemo.com/">国际</a></li>
                            <li><a href="http://www.jqdemo.com/">社会</a></li>
                            <li><a href="http://www.jqdemo.com/">军事</a></li>
                            <li><a href="http://www.jqdemo.com/">历史</a></li>
                            <li><a href="http://www.jqdemo.com/">评论</a></li>
                        </ul>
                    </div>
                </div>
            </li>
        </ul>
        <a class="button right button-yellow" href="#">免费注册</a>
        <a class="button right button-glue" href="#">登录</a>
    </div>
    <div class="clear"></div>
</div>
<div class="header-bg">
    <div class="container">
        <div class="flex-caption">
            <div class="flex-bg">
                <div class="flex-border">
                    <div class="slide-text-1 mbom10px">会员登录</div>
                    <div class="slide-text-2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, diam nonuibh. <a href="#">Click Here</a></div>
                    <div class="signup-form-ctnr">
                        <form action="#" method="post" class="home-form" id="signup-form-1" />
                        <fieldset>
                            <div class="field">
                                <input type="text" value="Your Name" name="name" class="itext smart_input" onBlur="this.value=!this.value?'Your Name :':this.value;" onClick="this.value='';" />
                            </div>
                            <div class="field email">
                                <input type="text" value="Email" name="email" class="itext smart_input" onBlur="this.value=!this.value?'Email :':this.value;" onClick="this.value='';" />
                            </div>
                            <div class="field state">
                                <input type="text" value="State" name="state" class="itext smart_input" onBlur="this.value=!this.value?'State :':this.value;" onClick="this.value='';" />
                            </div>
                        </fieldset>
                        <input type="submit" class="button button-red home-form-btn" value=" 登录 " />
                        <div class="no-engagement"> No commitment. No credit card required to sign up. </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div><img src="images/patterns/slide-1.png" alt=""></div>
    </div>
</div>
</body>
</html>
